home *** CD-ROM | disk | FTP | other *** search
/ Mac Easy 2010 May / Mac Life Ubuntu.iso / casper / filesystem.squashfs / usr / share / gimp / 2.0 / help / en / gimp-tools-other.html < prev    next >
Encoding:
Extensible Markup Language  |  2008-05-03  |  21.0 KB  |  507 lines
  1. <?xml version="1.0" encoding="UTF-8" standalone="no"?>
  2. <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
  3. <html xmlns="http://www.w3.org/1999/xhtml">
  4.   <head>
  5.     <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" />
  6.     <title>6.¬† Other</title>
  7.     <link rel="stylesheet" href="gimp-help-plain.css" type="text/css" />
  8.     <link rel="stylesheet" href="gimp-help-screen.css" type="text/css" />
  9.     <link rel="stylesheet" href="gimp-help-custom.css" type="text/css" />
  10.     <link rel="alternate stylesheet" href="gimp22.css" type="text/css" title="gimp22" />
  11.     <meta name="generator" content="DocBook XSL Stylesheets V1.73.2" />
  12.     <link rel="start" href="index.html" title="GNU Image Manipulation Program" />
  13.     <link rel="up" href="gimp-toolbox.html" title="Chapter¬†13.¬† Toolbox" />
  14.     <link rel="prev" href="gimp-tool-posterize.html" title="5.8.¬†Posterize" />
  15.     <link rel="next" href="gimp-tool-color-picker.html" title="6.2.¬† Color Picker" />
  16.   </head>
  17.   <body>
  18.     <div class="navheader">
  19.       <table width="100%" summary="Navigation header">
  20.         <tr>
  21.           <th colspan="3" align="center">6.¬†
  22.     <span lang="en" xml:lang="en">Other</span>
  23.   </th>
  24.         </tr>
  25.         <tr>
  26.           <td width="20%" align="left"><a accesskey="p" href="gimp-tool-posterize.html"><img src="../images/prev.png" alt="Prev" /></a>¬†</td>
  27.           <th width="60%" align="center">Chapter¬†13.¬†
  28.         <span lang="en" xml:lang="en">Toolbox</span>
  29.       </th>
  30.           <td width="20%" align="right">¬†<a accesskey="n" href="gimp-tool-color-picker.html"><img src="../images/next.png" alt="Next" /></a></td>
  31.         </tr>
  32.       </table>
  33.       <hr />
  34.     </div>
  35.     <div class="sect1" lang="en" xml:lang="en">
  36.       <div class="titlepage">
  37.         <div>
  38.           <div>
  39.             <h2 class="title" style="clear: both"><a id="gimp-tools-other"></a>6.¬†
  40.     <span lang="en" xml:lang="en">Other</span>
  41.   </h2>
  42.           </div>
  43.         </div>
  44.       </div>
  45.       <div class="sect2" lang="en" xml:lang="en">
  46.         <div class="titlepage">
  47.           <div>
  48.             <div>
  49.               <h3 class="title"><a id="gimp-tool-path"></a>6.1.¬†
  50.     <span lang="en" xml:lang="en">Path</span>
  51.   </h3>
  52.             </div>
  53.             <div>
  54.               <div class="revhistory">
  55.                 <table border="1" width="100%" summary="Revision history">
  56.                   <tr>
  57.                     <th align="left" valign="top" colspan="3">
  58.                       <b>Revision History</b>
  59.                     </th>
  60.                   </tr>
  61.                   <tr>
  62.                     <td align="left">Revision $Revision: 2429 $</td>
  63.                     <td align="left">2008-01-11</td>
  64.                     <td align="left">j.h</td>
  65.                   </tr>
  66.                 </table>
  67.               </div>
  68.             </div>
  69.           </div>
  70.         </div>
  71.         <a id="id2648177" class="indexterm"></a>
  72.         <a id="id2648190" class="indexterm"></a>
  73.         <a id="id2648204" class="indexterm"></a>
  74.         <div class="figure">
  75.           <a id="id2648213"></a>
  76.           <p class="title">
  77.             <b>Figure¬†13.144.¬†
  78.       <span lang="en" xml:lang="en">Path tool</span>
  79.     </b>
  80.           </p>
  81.           <div class="figure-contents">
  82.             <div class="mediaobject">
  83.               <img src="../images/toolbox/toolbox-path.png" alt="Path tool" />
  84.             </div>
  85.           </div>
  86.         </div>
  87.         <br class="figure-break" />
  88.         <p>
  89.     The Path tool allows to create complex selections called Bezier Curves, a
  90.     bit like Lasso but with all the adaptability of vectorial curves. You can
  91.     edit your curve, you can paint with your curve, or even save, import, and
  92.     export the curve. You can also use paths to create geometrical figures.
  93.     Paths have their own dialog box:
  94.     <a class="link" href="gimp-path-dialog.html" title="2.3.¬† Path Dialog">Dialog</a>.
  95.   </p>
  96.         <div class="sect3" lang="en" xml:lang="en">
  97.           <div class="titlepage">
  98.             <div>
  99.               <div>
  100.                 <h4 class="title"><a id="id2648261"></a>6.1.1.¬†
  101.       <span lang="en" xml:lang="en">Activating the Tool</span>
  102.     </h4>
  103.               </div>
  104.             </div>
  105.           </div>
  106.           <p>You can get to Path tool in several ways :</p>
  107.           <div class="itemizedlist">
  108.             <ul type="disc">
  109.               <li>
  110.                 <p>
  111.           In the image menu through
  112.           <span class="guimenu"><span class="accel">T</span>ools</span> ‚Üí <span class="guisubmenu"><span class="accel">P</span>aths</span>,
  113.         </p>
  114.               </li>
  115.               <li>
  116.                 <p>
  117.           By clicking the tool icon:
  118.           <span class="guiicon">
  119.             <span class="inlinemediaobject"><img src="../images/toolbox/stock-tool-path-22.png" /></span>
  120.           </span>
  121.           in Toolbox,
  122.         </p>
  123.               </li>
  124.               <li>
  125.                 <p>
  126.           or by using the <span class="keycap"><strong>B</strong></span> keyboard shortcut.
  127.         </p>
  128.               </li>
  129.             </ul>
  130.           </div>
  131.         </div>
  132.         <div class="sect3" lang="en" xml:lang="en">
  133.           <div class="titlepage">
  134.             <div>
  135.               <div>
  136.                 <h4 class="title"><a id="id2648356"></a>6.1.2.¬†
  137.       <span lang="en" xml:lang="en">Key modifiers (Defaults)</span>
  138.     </h4>
  139.               </div>
  140.             </div>
  141.           </div>
  142.           <div class="note" style="margin-left: 0.5in; margin-right: 0.5in;">
  143.             <table border="0" summary="Note">
  144.               <tr>
  145.                 <td rowspan="2" align="center" valign="top" width="25">
  146.                   <img alt="[Note]" src="../images/note.png" />
  147.                 </td>
  148.                 <th align="left">Note</th>
  149.               </tr>
  150.               <tr>
  151.                 <td align="left" valign="top">
  152.                   <p>
  153.         Help messages pop up at the bottom of the image window to help you
  154.         about all these keys.
  155.       </p>
  156.                 </td>
  157.               </tr>
  158.             </table>
  159.           </div>
  160.           <div class="variablelist">
  161.             <dl>
  162.               <dt>
  163.                 <span class="term">Shift</span>
  164.               </dt>
  165.               <dd>
  166.                 <p>
  167.             This key has several functions depending on context. See Options
  168.             for more details.
  169.           </p>
  170.               </dd>
  171.               <dt>
  172.                 <span class="term">Ctrl/Alt</span>
  173.               </dt>
  174.               <dd>
  175.                 <p>
  176.             Three modes are available to work with the Path tool:
  177.             <span class="guilabel">Design</span>,<span class="guilabel">Edit</span>
  178.             and <span class="guilabel">Move</span>.
  179.             <span class="keycap"><strong>Ctrl</strong></span> key toggles between Design and Edit.
  180.             <span class="keycap"><strong>Alt</strong></span> (or Ctrl+Alt) key toggles between Design and
  181.             Move.
  182.           </p>
  183.               </dd>
  184.             </dl>
  185.           </div>
  186.         </div>
  187.         <div class="sect3" lang="en" xml:lang="en">
  188.           <div class="titlepage">
  189.             <div>
  190.               <div>
  191.                 <h4 class="title"><a id="id2648457"></a>6.1.3.¬†
  192.       <span lang="en" xml:lang="en">Options</span>
  193.     </h4>
  194.               </div>
  195.             </div>
  196.           </div>
  197.           <div class="figure">
  198.             <a id="id2648468"></a>
  199.             <p class="title">
  200.               <b>Figure¬†13.145.¬†
  201.         <span lang="en" xml:lang="en">
  202.           ‚Äú<span class="quote">Path</span>‚Äù tool options
  203.         </span>
  204.       </b>
  205.             </p>
  206.             <div class="figure-contents">
  207.               <div class="mediaobject">
  208.                 <img src="../images/toolbox/path-tool-options.png" alt="Path tool options" />
  209.               </div>
  210.             </div>
  211.           </div>
  212.           <br class="figure-break" />
  213.           <div class="variablelist">
  214.             <dl>
  215.               <dt>
  216.                 <span class="term">Overview</span>
  217.               </dt>
  218.               <dd>
  219.                 <p>
  220.             The available tool options for the Path Tool can be accessed by
  221.             double clicking the Path Tool icon.
  222.             <span class="guiicon">
  223.               <span class="inlinemediaobject"><img src="../images/toolbox/stock-tool-path-22.png" /></span>
  224.             </span>
  225.           </p>
  226.                 <p>
  227.             As with other tools, you can delete your changes by
  228.             <span class="keycap"><strong>Ctrl-Z</strong></span>.
  229.           </p>
  230.               </dd>
  231.               <dt>
  232.                 <span class="term">Design Mode</span>
  233.               </dt>
  234.               <dd>
  235.                 <p>
  236.             By default, this tool is in <span class="guilabel">Design</span> mode.
  237.             You draw the path by clicking successively. You can move
  238.             control points by clicking on them and dragging them. Between
  239.             control points are segments.
  240.           </p>
  241.                 <p>
  242.             </p>
  243.                 <div class="mediaobject">
  244.                   <img src="../images/tool-options/path-stroke.png" />
  245.                   <div class="caption">
  246.                     <p>
  247.                   Numbers are steps to draw a two segments straight path.
  248.                 </p>
  249.                   </div>
  250.                 </div>
  251.                 <p>
  252.           </p>
  253.                 <p>
  254.             </p>
  255.                 <div class="mediaobject">
  256.                   <img src="../images/tool-options/path-curve.png" />
  257.                   <div class="caption">
  258.                     <p>
  259.                   Curved segments are easily built by dragging a segment or a
  260.                   new node. Blue arrows indicate curve. Two little handles
  261.                   appear that you can drag to bend the curve.
  262.                 </p>
  263.                   </div>
  264.                 </div>
  265.                 <p>
  266.           </p>
  267.                 <div class="tip" style="margin-left: 0.5in; margin-right: 0.5in;">
  268.                   <table border="0" summary="Tip">
  269.                     <tr>
  270.                       <td rowspan="2" align="center" valign="top" width="25">
  271.                         <img alt="[Tip]" src="../images/tip.png" />
  272.                       </td>
  273.                       <th align="left">Tip</th>
  274.                     </tr>
  275.                     <tr>
  276.                       <td align="left" valign="top">
  277.                         <p>
  278.               To quickly close the curve, press <span class="keycap"><strong>Ctrl</strong></span>
  279.               key and click on the initial control point. In previous
  280.               versions, clicking inside a closed path converted it into
  281.               Selection. Now, you can use the <span class="emphasis"><em>Create
  282.               selection from path</em></span> button or the <span class="emphasis"><em>
  283.               Path to Selection</em></span> button in the Path Dialog.
  284.             </p>
  285.                       </td>
  286.                     </tr>
  287.                   </table>
  288.                 </div>
  289.                 <div class="tip" style="margin-left: 0.5in; margin-right: 0.5in;">
  290.                   <table border="0" summary="Tip">
  291.                     <tr>
  292.                       <td rowspan="2" align="center" valign="top" width="25">
  293.                         <img alt="[Tip]" src="../images/tip.png" />
  294.                       </td>
  295.                       <th align="left">Tip</th>
  296.                     </tr>
  297.                     <tr>
  298.                       <td align="left" valign="top">
  299.                         <p>
  300.               When you have two handles, they work symmetrically by
  301.               default.  Release the pressure on the mouse button to move
  302.               handles individually. The <span class="keycap"><strong>Shift</strong></span> key will
  303.               force the handles to be symmetrical again.
  304.             </p>
  305.                       </td>
  306.                     </tr>
  307.                   </table>
  308.                 </div>
  309.                 <p>Several functions are available with this mode:</p>
  310.                 <p>
  311.             <span class="emphasis"><em>Add a new node</em></span>
  312.             : if the active node (a small empty circle after clicking on a node)
  313.             is at the end of the path, the mouse pointer is a '+' sign and a new
  314.             node is created, linked to the previous one by a segment. If the
  315.             active node is on the path, the pointer is a square and you can
  316.             create a new component to the path. This new component is
  317.             independent from the other, but belongs to the path as you can see
  318.             on the Path dialog. Pressing <span class="keycap"><strong>Shift</strong></span>
  319.             forces the creation of a new component.
  320.           </p>
  321.                 <p>
  322.             <span class="emphasis"><em>Move one or several nodes</em></span>: On a node,
  323.             the mouse pointer becomes a 4-arrows cross. You can click
  324.             and drag it.
  325.             You can select several nodes by <span class="keycap"><strong>Shift</strong></span> and
  326.             click and move them by click and drag.
  327.             Pressing <span class="keycap"><strong>Ctrl</strong></span>+<span class="keycap"><strong>Alt
  328.             </strong></span> allows to move all the path, as a
  329.             selection.
  330.           </p>
  331.                 <p>
  332.             <span class="emphasis"><em>Modify handles</em></span>: you have to Edit a node
  333.             before. A handle appears. Drag it to bend the curve.
  334.             Pressing <span class="keycap"><strong>Shift</strong></span> toggles to symmetric handles.
  335.           </p>
  336.                 <p>
  337.             <span class="emphasis"><em>Modify segment</em></span>: When you click on a
  338.             segment, the mouse pointer turns to a 4-arrows cross. Drag
  339.             it to bend the segment. As soon as you move, handles appear
  340.             at both ends of the segment. Pressing <span class="keycap"><strong>Shift</strong></span>
  341.             key toggles to symmetric handles.
  342.           </p>
  343.               </dd>
  344.               <dt>
  345.                 <span class="term">Edit Mode</span>
  346.               </dt>
  347.               <dd>
  348.                 <p>
  349.             <span class="guilabel">Edit</span> performs functions which are not
  350.             available in <span class="guilabel">Design</span> mode. With this
  351.             mode, you can work only on the existing path.  Outside, the
  352.             pointer is a small crossed circle (on the whole image if
  353.             there is no path!) and you can do nothing.
  354.           </p>
  355.                 <p>
  356.             <span class="emphasis"><em>Add a segment between two nodes</em></span>: Click
  357.             on a node at one end of the path to activate it. Pointer is
  358.             like a union symbol. Click on an other node to link both
  359.             nodes. This is useful when you have to link unclosed
  360.             components.
  361.           </p>
  362.                 <p>
  363.             <span class="emphasis"><em>Remove a segment from a path</em></span>: While pressing
  364.             <span class="keycap"><strong>Shift</strong></span>+<span class="keycap"><strong>Ctrl</strong></span>
  365.             key combination, point to a segment. Pointer turns to -.
  366.             Click to delete the segment.
  367.           </p>
  368.                 <p>
  369.             <span class="emphasis"><em>Add a node to a path</em></span>: point to a
  370.             segment. Pointer turns to +. Click where you want to place
  371.             the new control point.
  372.           </p>
  373.                 <p>
  374.             <span class="emphasis"><em>Remove a node</em></span>: While pressing
  375.             <span class="keycap"><strong>Shift</strong></span>+<span class="keycap"><strong>Ctrl</strong></span> key combination, point to a node. Pointer turns
  376.             to -. Click to delete the node.
  377.           </p>
  378.                 <p>
  379.             <span class="emphasis"><em>Add a handle to a node</em></span>: Point to a
  380.             node. Pointer turns to small hand. Drag the node: handle
  381.             appears.
  382.             Pressing <span class="keycap"><strong>Shift</strong></span> toggles to symmetric
  383.             handles.
  384.           </p>
  385.                 <p>
  386.             <span class="emphasis"><em>Remove a handle from a node</em></span>: While pressing
  387.             <span class="keycap"><strong>Shift</strong></span>+<span class="keycap"><strong>Ctrl</strong></span> key combination, point to a handle. Pointer
  388.             doesn't turn to the expected - and remains a hand. Click
  389.             to delete the handle.
  390.           </p>
  391.                 <div class="caution" style="margin-left: 0.5in; margin-right: 0.5in;">
  392.                   <table border="0" summary="Caution">
  393.                     <tr>
  394.                       <td rowspan="2" align="center" valign="top" width="25">
  395.                         <img alt="[Caution]" src="../images/caution.png" />
  396.                       </td>
  397.                       <th align="left">Caution</th>
  398.                     </tr>
  399.                     <tr>
  400.                       <td align="left" valign="top">
  401.                         <p>
  402.               No warning before removing a node, a segment or a handle.
  403.             </p>
  404.                       </td>
  405.                     </tr>
  406.                   </table>
  407.                 </div>
  408.               </dd>
  409.               <dt>
  410.                 <span class="term">Move Mode</span>
  411.               </dt>
  412.               <dd>
  413.                 <p>
  414.             <span class="guilabel">Move</span>
  415.             mode allows to move one or all components of a path. Simply click on
  416.             the path and drag it.
  417.           </p>
  418.                 <p>
  419.             If you have several components, only the selected one is moved. If
  420.             you click and drag outside the path, all components are moved.
  421.             Pressing <span class="keycap"><strong>Shift</strong></span>
  422.             key toggles to move all components also.
  423.           </p>
  424.               </dd>
  425.               <dt>
  426.                 <span class="term">Polygonal</span>
  427.               </dt>
  428.               <dd>
  429.                 <p>
  430.             With this option, segments are linear only. Handles are not
  431.             available and segments are not bent when moving them.
  432.           </p>
  433.               </dd>
  434.               <dt>
  435.                 <span class="term">Create selection from path</span>
  436.               </dt>
  437.               <dd>
  438.                 <p>
  439.             This button allows creation of a selection that is based on
  440.             the path in its present state. This selection is marked with
  441.             the usual "marching ants". Note that the path is still present:
  442.             current tool is still path tool and you can modify this path without
  443.             modifying the selection that has become independent. If you
  444.             change tool, the path becomes invisible, but it persists in
  445.             Path Dialog and you can re-activate it.
  446.           </p>
  447.                 <p>
  448.             If the path is not closed, GIMP will close it with a straight line.
  449.           </p>
  450.                 <p>
  451.             As the help pop-up tells, pressing <span class="keycap"><strong>Shift</strong></span>
  452.             when clicking on the button will add the new selection to an
  453.             eventually pre-existent. Pressing the <span class="keycap"><strong>Ctrl</strong></span> will
  454.             subtract the selection from the pre-existent and the
  455.             <span class="keycap"><strong>Shift</strong></span>+<span class="keycap"><strong>Ctrl</strong></span>
  456.             key combination will intersect the two selections.
  457.           </p>
  458.               </dd>
  459.               <dt>
  460.                 <span class="term">Stroke path</span>
  461.               </dt>
  462.               <dd>
  463.                 <p>
  464.             In previous versions, you could access to this command
  465.             only by the Edit sub-menu in the Image Menu. Now you can
  466.             access to it also via this button. See
  467.             <a class="link" href="gimp-path-stroke.html" title="6.18.¬† Stroke Path">Stroke Path</a> and
  468.             <a class="link" href="gimp-using-paths.html" title="5.¬† Paths">Stroke Path</a>.
  469.           </p>
  470.               </dd>
  471.             </dl>
  472.           </div>
  473.           <p> 
  474.       See the <a class="link" href="gimp-using-paths.html#gimp-concepts-paths">‚Äú<span class="quote">Path</span>‚Äù
  475.       </a>concept.
  476.     </p>
  477.         </div>
  478.       </div>
  479.     </div>
  480.     <div class="navfooter">
  481.       <hr />
  482.       <table width="100%" summary="Navigation footer">
  483.         <tr>
  484.           <td width="40%" align="left"><a accesskey="p" href="gimp-tool-posterize.html"><img src="../images/prev.png" alt="Prev" /></a>¬†</td>
  485.           <td width="20%" align="center">
  486.             <a accesskey="u" href="gimp-toolbox.html">
  487.               <img src="../images/up.png" alt="Up" />
  488.             </a>
  489.           </td>
  490.           <td width="40%" align="right">¬†<a accesskey="n" href="gimp-tool-color-picker.html"><img src="../images/next.png" alt="Next" /></a></td>
  491.         </tr>
  492.         <tr>
  493.           <td width="40%" align="left" valign="top"><a accesskey="p" href="gimp-tool-posterize.html">5.8.¬†Posterize</a>¬†</td>
  494.           <td width="20%" align="center">
  495.             <a accesskey="h" href="index.html">
  496.               <img src="../images/home.png" alt="Home" />
  497.             </a>
  498.           </td>
  499.           <td width="40%" align="right" valign="top">¬†<a accesskey="n" href="gimp-tool-color-picker.html">6.2.¬†
  500.     <span lang="en" xml:lang="en">Color Picker</span>
  501.   </a></td>
  502.         </tr>
  503.       </table>
  504.     </div>
  505.   </body>
  506. </html>
  507.